<template>
    <div><div class="memberherade" >
          <router-link to="/minepage/mine"><img style="margin-left:4%;margin-top:5%;float:left" src="/src/assets/微信图片_20220829174837.png"/></router-link>
          <span style="line-height:55px">粉丝</span>
    </div>
        
    <div class="minibottom-1" v-for="item in arr1" :key="item" >
      <img src="/src/assets/微信图片_20220829115305.jpg"/>
      <div class="minibottom-1-1">
        <span class="span1">王小明</span>
       <p><span class="span2">做更美的自己。</span></p>
      </div>
      <button style="color:#ec7b67;background-color:#f2f2f2;border:0px;float:right;width:70px;height:30px;border-radius: 5px;font-size:12px;margin-top:13%;margin-right:2%">已关注</button>
    </div>
    </div>
</template>

<script>
export default {
data() {
    return {
      tiezi:true,
      riji:false,
      arr1:[1,2,3,4,5,6,7,8],
     
    }
    
  },
  

}
</script>

<style>
   .memberherade{width: 100%;height:50px;float: left;text-align: center;position:flex;}
    .minibottom-1-1{float: left;margin-left:5%;margin-top: 10%;width: 100px;}
    .minibottom-1 img{width: 60px; height: 60px;margin-top: 8%;margin-left: 5%;float: left;}
    .minegoodman{width: 100%;height:50px;float: left;text-align: center;position:flex;}
 .minibottom-1{width: 100%; background-color: #ffffff;float: left; }
.minibottom-1 img{width: 60px; height: 60px;margin-top: 8%;margin-left: 5%;float: left;}
.minibottom-1-1{float: left;margin-left:5%;margin-top: 10%;width: 100px;}
.span1{font-size: 20px;font-size:14px; float: left;}
.span2{font-size:10px;color: #999999;float: left;}
</style>